<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>作品收藏</title>
  </head>
  <style>
  body{
    height: auto;
    width: auto;
    background-color: #F4F4F4;
  }
  *{
    margin: 0;
    padding: 0;
  }
  .header{
    background-color: #1296db;
    text-align: center;
    /*margin-top: 15px;*/
    padding-top: 25px;
    padding-bottom: 10px;
    /*height: 45px;*/

  }
  h3{
    color: white;
    font-weight: lighter;
  }
  .nav{
    padding-top: 7px;
    height: 40px;
    text-align: center;
    background-color: #EAEAEA;
    font-size: 1.2em;
  }
.time{
  margin-left: 10%;

}
.active{
  color: #63B8FF;
}
.footer{
  height: 57px;
  width: 100%;
  background-color: #81a9c3;
  color: white;
  line-height: 57px;
  text-align: center;
  font-size: 1.5em;
  position: fixed;
  bottom: 0;
  /*left: 0;
  right: 0;*/
  /*background-color: red;
  text-align: center;
  font-size: 1.5em;*/
  /*margin-top: 100px;*/
}
.back{
  position: absolute;
  top:30px;
  left:15px;
  width: 25px;
  height: 25px;
  background: url("../../image/back.png");
  background-size: 100% 100%;
}
</style>
  <body style="background-color:#FFF">

    <div class="header">
      <a class="back" onclick="back()"></a>
      <h3>作品收藏</h3>
    </div>
    <div class="nav">
      <span class="active">按点击热度</span>
      <span class="time">按更新时间</span>
    </div>
    <div class="footer">
      <!-- <button type="button" name="button"></button> -->

      <span>发表作品</span>
    </div>
  </body>
  <script type="text/javascript" src="../../script/jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/main.js"></script>
  <script type="text/javascript">
apiready=function(){
  function back(){
    api.historyBack({
        frameName: 'detail'
        }, function(ret, err) {
        if (!ret.status) {
           api.closeWin();
        }
        });
  }
  api.openFrame({
      name: 'product_refresh',
      url: 'product_refresh.html',
      customRefreshHeader: 'UIPullRefreshFlash',
      bounces: true,
      rect: {
          x: 0,
          y: 96,
          w: 'auto',
          h: api.winHeight-153
      }
  });

$(function(){
  $(".nav span").on("touchstart",function(){
    addActive($(this),$(this).siblings());
  });
  $('.footer').click(function(){
    openPage("newProduct","first31.html");
  });
  back();
})
}


  </script>
</html>
